<template>
  <div class="me">
    <div v-if="userInfo.id">
      <!--页面复杂，使用组件化的思想拆分-->
      <me-top></me-top>
    </div>
    <select-login v-else></select-login>
  </div>
</template>

<script>
    import SelectLogin from '../Login/SelectLogin.vue'
    import MeTop from './MeTop.vue'
    import {mapState} from 'vuex'
    export default {
        name: 'Mine',
        components:{
          SelectLogin,
          MeTop
        },
        computed: {
          ...mapState(['userInfo'])
        },
        methods:{

        }
    }
</script>

<style scoped lang="stylus" ref="stylesheet/stylus">
  .me
    background-color: #f5f5f5
    width 100%
    height 100%
</style>
